<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>列表内容</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="css/base.css">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/pagecss/pullfresh_sub.css">
		<link rel="stylesheet" href="js/mui/css/mui.min.css">
		<script type="text/javascript" src="js/jquery.min.js"></script>
	</head>

	<body>
		<!--下拉刷新容器-->

		<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<template>

					<!--数据列表-->
					<ul v-for=" (item, index)   in responseData" class="mui-table-view mui-table-view-chevron" id="content_body">
						<li :class="{'parent-ys' : item.Status==1,'parent-ws':item.Status==0}">
							<a>
								<div class="my-order-item">
									<div class="my-order-item-tit clearfix">
										<span>单据编号：{{item.OutStoreID}}</span>
										<span class="my-order-wait-ys" v-if="item.Status==1">已审核</span>
										<span class="my-order-wait-ws" v-if="item.Status==0">未审核</span>
										<button type="button" class="details" v-on:click="GoDetail(index)">详情</button>
									</div>
									<div class="my-order-item-txt">
										<div class="content_line">
											<label class="left_name">业务类型：</label>
											<label class="right_value">{{getServiceType(item.BizType)}}</label>
											<div style="clear: both;"></div>
										</div>
										<div class="content_line">
											<label class="left_name">销售客户：</label>
											<label class="right_value">{{item.ClientName}}</label>
											<div style="clear: both;"></div>
										</div>
										<div class="content_line">
											<label class="left_name">仓库：</label>
											<label class="right_value">{{item.WHName}}</label>
											<div style="clear: both;"></div>
										</div>
										<div class="content_line">
											<label class="left_name">单据时间：</label>
											<label class="right_value">{{ChangeDateFormat(item.BillDate)}}</label>
											<div style="clear: both;"></div>
										</div>
										<div class="content_line">
											<label class="left_name">经手人：</label>
											<label class="right_value">{{getHandName(item.Handler)}}</label>
											<div style="clear: both;"></div>
										</div>
									</div>
									<div class="my-order-item-btn">

										<div class="pos-r">
											应收金额：￥{{item.Amount}}.00
										</div>
									</div>
								</div>
						</li>
					</ul>
				</template>
			</div>
		</div>
		<script src="js/mui/js/mui.min.js"></script>
		<script src="js/libs/vue/vue.min-2.4.2.js"></script>
		<script src="js/libs/axios.min.js"></script>
		<script src="js/pagejs/base.js"></script>
		<script src="js/pagejs/sale-list-data.js"></script>
	</body>

</html>